<ion-header>
  <ion-navbar>
    <ion-title>{{name}}</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding (ionScroll)="false">
  <div class="hotel-detail-container">
    <!--展示图片-->
    <div class="picture-container">
      <img src="{{img}}">
      <!--收藏按钮-->
      <!-- <div class="picture-collection">
         <button (click)="changeCollection()">
            <span id="collection-span">
           <ng-container *ngIf="collection==='1';else elseBlock">
             <ion-icon ios="ios-heart" md="md-heart" class="collection-icon"></ion-icon>
           </ng-container>
           <ng-template #elseBlock>
             <ion-icon ios="ios-heart" md="md-heart" class="un-collection-icon"></ion-icon>
           </ng-template>
            </span>
         </button>
       </div>-->
      <!--店铺名字-->
      <div class="picture-info-container">
        <div class="hotel-name">{{name}}</div>
        <!--<div class="hotel-level">{{theHotel.level}}</div>-->
      </div>
    </div>

    <!--店铺描述-->
    <div class="describe-container">
      <!--店铺政策-->
      <div class="describe-policy-container">
        <div class="policy-title">联系电话</div>
        <div class="policy-content">{{phone}}</div>
      </div>
      <!--店铺标签-->
      <!-- <div class="describe-label-container">
         <div class="label-title">店铺标签</div>
         <div class="label-content">
           <ng-container *ngFor="let label of interest">
             <div class="hotel-label">{{label}}</div>
           </ng-container>
         </div>
       </div>-->
      <!--店铺位置-->
      <div class="describe-location-container">
         <div class="location-title">店铺位置</div>
         <div class="location-content">{{addr}}</div>
       </div>
    </div>

  </div>

  <div class="good-list-container">
    <ion-scroll scrollY="true" class="good-list-left">
      <div class="good-list-types">
        <ng-container *ngFor="let type of goodType;let i = index">
          <div id="type{{i}}" [ngClass]="type.chosen?'good-list-type-click':'good-list-type'" (click)="showGoods(i)">
            <div class="type-font">{{type.name}}</div>
            <i id="icon1{{i}}" class="fa fa-caret-right" aria-hidden="true"
               [ngClass]="type.chosen?'icon-ctrl-click':'icon-ctrl'"></i>
          </div>
        </ng-container>
      </div>
    </ion-scroll>


    <ion-scroll scrollY="true" class="good-list-right">
      <ng-container *ngFor="let good of tel">
        <div class="good-list-line">
          <div class="good-image">
            <img src="{{good.goodimg}}">
          </div>
          <div class="good-description-container">
            <div class="good-name" >{{good.goodname}}</div>
            <div class="good-details"></div>
            <div class="good-little-container">
              <div class="good-little-container-left" >
                <div class="good-sales">已售{{good.sumbuy}}</div>
                <div class="good-price-container">
                  <div class="good-price-left">￥</div>
                  <div class="good-price">{{good.goodprice}}</div>
                  <div class="good-price-right"></div>
                </div>
              </div>
              <div class="good-little-container-change">
                <!--<div class="good-icon-reduce" (click)="buy(good)" *ngIf="!good.isbuy">代购</div>-->
                <!--<div class="good-icon-reduce" (click)="buy(good)" *ngIf="good.isbuy">已代购</div>-->
                <button><ion-icon name="ios-remove-circle-outline"></ion-icon></button>
                <span>20</span>
                <button><ion-icon name="ios-add-circle-outline"></ion-icon></button>
              </div>
            </div>
          </div>
        </div>
      </ng-container>
    </ion-scroll>
  </div>
</ion-content>
<ion-footer>
  <div class="footer-left">总计 ￥100</div>
  <button class="footer-right" (click)="Settlement()">去结算</button>
</ion-footer>
